<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>04_指令语法-bind-model</title>
    </head>
    <body>
        <div id="app">
            <input type="text" v-bind:value="msg" />
            <a v-bind:href="url">{{name}}</a>
            <button v-bind:disabled="disabled">按钮</button>

            <!-- v-bind 简写写法 -->
            <input type="text" :value="msg" />
            <a :href="url">{{name}}</a>
            <button :disabled="disabled">按钮</button>

            <hr />

            <!-- v-model 双向绑定 js与页面双向奔赴 -->
            <input type="text" v-model="val" />
            <textarea v-model="val"></textarea>

        </div>

        <script src="../">

        </script>
    </body>
</html>